@import '../node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit.css';
@import "../node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit-controls.css";

.jtk-surface {
  width:100%;
  height:100%;
}

body {
  font-family: sans-serif;
}

.jtk-demo-canvas {
  width:100%;
  height:100%;
}

.jtk-miniview {
  position:absolute;
  right:1rem;
  top:1rem;
}

.jtk-node  {
  padding:3px;
}

.jtk-node > div {
  display:flex;
  align-items:center;
  justify-content:center;
}

.hello-node {
  outline:1px solid;
  width:100px;
  height:80px;
  background-color:white;
}

.world-node {
  width:80px;
  height:80px;
  border-radius:50%;
  background-color:purple;
  color:white;
  font-weight:bold;
}

.hello-world-message {
  position:absolute;
  left:1rem;
  top:1rem;
}
